import { createRouter, createWebHashHistory, onBeforeRouteUpdate } from 'vue-router'
import { onMounted } from 'vue'

// 定义路由组件
const Home = {
  template: '<div class="page">这是首页内容</div>'
}

const About = {
  template: '<div class="page">这是关于页面的内容</div>'
}

// 定义路由配置
const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
]

// 创建路由实例
const router = createRouter({
  history: createWebHashHistory(),
  routes
})

// 导出组合式API函数
export default {
  setup() {
    onMounted(() => {
      console.log('应用已挂载，路由已配置')
    })
    
    // 这里可以使用Vue Router的组合式API
    // 例如 onBeforeRouteUpdate 等
    
    return {}
  }
}

// 让Vue应用使用路由
// 在main.js中添加: app.use(router) 